<!DOCTYPE html>
<html lang="en">
    <!-- https://cdn.jsdelivr.net/npm/vue/dist/vue.js -->
<head>
    <meta charset="UTF-8">
    <title>demo</title>
</head>
<body>
    <div id="app">
        <h1>{{school.name[0]}}</h1>
        {{message}}

        <ul>
            <li>{{ampus[0]}}</li>
            <li>{{ampus[1]}}</li>
            <li>{{ampus[2]}}</li>
        </ul>

    </div>


    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

    <script>
    var app = new Vue({
        el:"#app",
        data:{
            message:"hello",
            school:{
                name:["黑马程序员", "asdasd", "weqeeqasd"],
                mobile:"121323"
            },
            ampus:["asdasd", "aedqwdqw","qweqwe"]
        }
    })
    </script>
</body>
</html>
